<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/button.css">
    <style type="text/css">
        .text-white {
            color: #ffffff !important;
        }
        .aui-grid [class*=aui-col-] {
            padding: 0.75rem 0;
        }
    </style>
</head>
<body>
    <!-- 顶部 -->
    <section class="aui-content" id="user-info" style="background:red;">
        <div class="aui-list aui-media-list aui-list-noborder aui-bg-info">
            <div class="aui-list-item aui-list-item-middle">
                <div class="aui-media-list-item-inner ">
                    <div class="aui-list-item-media" style="width:3rem;">
                        <img src="../../image/demo1.png" class="aui-img-round" >
                    </div>
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-text text-white aui-font-size-18" id="name"></div>
                        <div class="aui-list-item-text text-white">
                           <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14" id="phonenumber"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="aui-content">
        <ul class="aui-list aui-list-in aui-margin-b-15">

            <li class="aui-list-item">
                <div class="aui-list-item-label-icon">
                  <div class="aui-col-xs-3">
                      <i class="aui-iconfont aui-icon-edit"></i>
                  </div>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">修改密码</div>
                </div>
            </li>

        </ul>
        <ul class="aui-list aui-list-in">
          <li class="aui-list-item">
              <div class="aui-list-item-label-icon">
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-recovery"></i>
                </div>
              </div>
              <div class="aui-list-item-inner aui-list-item-arrow">
                  <div class="aui-list-item-title" onclick="exitlogin()">退出登录</div>
              </div>
          </li>
        </ul>
    </section>

</body>
<script type="text/javascript" src="../../script/api.js" ></script>
<script type="text/javascript">
    function showData(){
        api.ajax({
            url: 'http://222.82.232.219/XSKQ/system/getAppUser.do',
            method: 'post',
        },function(ret, err){
            if (ret) {
                var name_id = $api.byId("name");
                var phone = $api.byId("phonenumber");
                name_id.innerHTML = ret.data.fullname;
                phone.innerHTML = ret.data.phone;
            } else {
                alert( JSON.stringify( err ) );
            }
        });
    }
    function exitlogin(){
        api.closeWin({
            name: 'main_win'
        });
    }
    apiready = function () {
        showData();
    }
</script>
</html>
